<template>
	<view class="content">
		<u-swiper
		             :list="list4"
		             keyName="url"
					  previousMargin="30"
					                 nextMargin="30"
					                 circular
					                 :autoplay="false"
					                 radius="5"
					                 bgColor="#ffffff"
		     >
			 
			            <view
			                     slot="indicator"
			                     class="indicator"
			             >
			                 <view
			                         class="indicator__dot"
			                         v-for="(item, index) in list5"
			                         :key="index"
			                         :class="[index === current && 'indicator__dot--active']"
			                 >
			                 </view>
			             </view>

			 
			 </u-swiper>
			 
			 
		
		<view class="container">
			<u-divider  :text="title"
			textColor="#666"
			lineColor="#666" text-size="18px"></u-divider>
			<view class="p-d">
				<navigator  target="miniProgram" app-id="wx0e6ed4f51db9d078"	open-type="navigate">
						<u-button size="large" type="primary"  text="打开携程"></u-button>
				</navigator>
				<u-divider   text="******"
				textColor="#666"
				lineColor="#666"></u-divider></u-divider>
				<navigator   app-id="wxb9e506ed4f66afc4"  target="miniProgram"  open-type="navigate">
						<u-button  size="large" type="success"  text="打开实时公交"></u-button>
				</navigator> 
			</view>
			
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '打开第三方小程序',
				 list4: [{
				                     url: 'https://cdn.uviewui.com/uview/swiper/swiper2.png',
				                     title: '身无彩凤双飞翼，心有灵犀一点通',
				                     type: 'image'
				                 },{
				                     url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
				                     title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
				                 }],
			 list1: [
			                    'https://cdn.uviewui.com/uview/swiper/swiper1.png',
			                    'https://cdn.uviewui.com/uview/swiper/swiper2.png',
			                    'https://cdn.uviewui.com/uview/swiper/swiper3.png',
			                ]
			}
		},
		onLoad() {

		},
		methods: {
			gotoUnipp(){
				wx.navigateToMiniProgram({
					appid:'wx0e6ed4f51db9d078',
					// path:'/index',
					extraData:{
						
					},
					success(res) {
						console.log(res)
					},
					fail(err) {
						console.log(err)
					},
					complete(res) {
							console.log(res)
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.content{
		.container{
			margin: 10px;
			.p-d{
				padding:20px;
			}
		}
	}
    .indicator {
        @include flex(row);
        justify-content: center;

        &__dot {
             height: 6px;
             width: 6px;
             border-radius: 100px;
             background-color: rgba(255, 255, 255, 0.35);
             margin: 0 5px;
             transition: background-color 0.3s;
    
            &--active {
                 background-color: #ffffff;
             }
        }
    }

    .indicator-num {
        padding: 2px 0;
        background-color: rgba(0, 0, 0, 0.35);
        border-radius: 100px;
        width: 35px;
        @include flex;
        justify-content: center;

        &__text {
             color: #FFFFFF;
             font-size: 12px;
         }
    }
</style>

